<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html lang="en">
<head>
    <base href="${pageContext.request.contextPath}/">
    <meta charset="UTF-8">
    <title>四川工商学院失物招领系统</title>
    <%@include file="common/commHeader.html"%>
</head>
<body style="background:#EEEEEE;">
<%@include file="views/header.jsp"%>
    <!--主题内容-->
    <div class="col-md-10 col-md-offset-1">
        <!--头部-->
        <div class="col-md-12">
            <img class="img-responsive" style="float: left" src="image/lost_found.png" alt="">
            <div class="header-info">
                <img class="img-responsive" src="image/timg.jpg"  alt="">
                <ol>
                    <p>四川工商学院失物招领平台最新动态：</p>
                    <li>共有<b>${infoList[0]}</b>条寻物启事，近三天有<b>${infoList[1]}</b>件物品遗失！</li>
                    <li>共<b>${infoList[2]}</b>条招领启事，近三天有<b>${infoList[3]}</b>件被捡物品！</li>
                    <li>共找回<b>${infoList[4]}</b>件失物！</li>
                    <li><b>注:该平台为免费信息交流平台，请各位师生文明交流！</b></li>
                </ol>
            </div>
            <div class="col-md-12 lafcontent">
                <div class="lafcard">
                    <!--卡片标题-->
                    <p>
                        <a href="laf/showLost">更多&gt;&gt;</a>
                    </p>
                    <!--卡片效果-->
                    <ul>
                        <li>
                            <a href="laf/showInfo">
                                <img src="image/adlogo.jpg" alt="">
                                <p style="margin-left: 5%"><b>官网公告</b></p>
                                <p style="color: red"><img src="image/icon_top.gif" style="width: 15px;height: 15px;margin-top: -4px" alt="">
                                    本站为校方管理站点，已启用实时监控，请各位慎重发言
                                </p>
                                <p>2个小时前发布</p>
                            </a>
                        </li>
                        <c:forEach items="${lostTenList}" var="item">
                            <li>
                                <a href="notice/detail${item.noticeId}">
                                    <c:if test="${fn:length(item.title)>=12}">
                                        <p title="${item.title}">${fn:substring(item.title,0,12)}...</p>
                                    </c:if>
                                    <c:if test="${fn:length(item.title)<12 and fn:length(item.title)!=0}">
                                        <p title="${item.title}">${item.title}</p>
                                    </c:if>
                                    <hr>
                                    <c:choose>
                                        <c:when test="${item.image1 != null and fn:length(fn:trim(item.image1))>0}">
                                            <img src="image/upload/${item.image1}"  alt="启事图片">
                                        </c:when>
                                        <c:when test="${item.image2 != null and fn:length(fn:trim(item.image2))>0}">
                                            <img src="image/upload/${item.image2}"  alt="启事图片">
                                        </c:when>
                                        <c:when test="${item.image3 != null and fn:length(fn:trim(item.image3))>0}">
                                            <img src="image/upload/${item.image3}"  alt="启事图片">
                                        </c:when>
                                        <c:otherwise>
                                            <img src="image/notImage.png" alt="启事图片" title="该启事暂无图片">
                                        </c:otherwise>
                                    </c:choose>
                                    <p><b><span>${item.scope.locName}</span>-<span>寻物启事</span></b></p>
                                    <c:if test="${fn:length(item.describe)>=12}">
                                        <p title="${item.describe}">${fn:substring(item.describe,0,12)}...</p>
                                    </c:if>
                                    <c:if test="${fn:length(item.describe)<12 and fn:length(item.describe)!=0}">
                                        <p title="${item.describe}">${item.describe}</p>
                                    </c:if>
                                    <c:if test="${fn:length(item.describe)==0}">
                                        <p title="启事发布人很懒，没有留下启事的描述信息">启事发布人很懒，没有留下...</p>
                                    </c:if>
                                    <p><fmt:formatDate value="${item.noticeTime}" pattern="yyyy-MM-dd" />发布</p>
                                </a>
                            </li>
                        </c:forEach>
                    </ul>
                </div>
                <div class="lafcontent_next">
                    <!--卡片标题-->
                    <p>
                        <a href="laf/showFound">更多&gt;&gt;</a>
                    </p>
                    <!--卡片效果-->
                    <ul>
                        <c:forEach var="item" items="${foundTenList}">
                            <li>
                                <a href="notice/detail${item.noticeId}">
                                    <c:if test="${fn:length(item.title)>12}">
                                        <p title="${item.title}">${fn:substring(item.title,0,12)}...</p>
                                    </c:if>
                                    <c:if test="${fn:length(item.title)<=12 and fn:length(item.title)!=0}">
                                        <p title="${item.title}">${item.title}</p>
                                    </c:if>
                                    <hr>
                                    <c:if test="${item.image1 != null}">
                                        <img src="image/upload/${item.image1}"  alt="启事图片">
                                    </c:if>
                                    <c:if test="${item.image1 == null}">
                                        <img src="image/notImage.png" alt="启事图片" title="该启事暂无图片">
                                    </c:if>
                                    <p><b><span>${item.scope.locName}</span>-<span>招领启事</span></b></p>
                                    <c:if test="${fn:length(item.describe)>12}">
                                        <p title="${item.describe}">${fn:substring(item.describe,0,12)}...</p>
                                    </c:if>
                                    <c:if test="${fn:length(item.describe)<=12 and fn:length(item.describe)!=0}">
                                        <p title="${item.describe}">${item.describe}</p>
                                    </c:if>
                                    <c:if test="${fn:length(item.describe)==0}">
                                        <p title="启事发布人很懒，没有留下启事的描述信息">启事发布人很懒，没有留下...</p>
                                    </c:if>
                                    <p><fmt:formatDate value="${item.noticeTime}" pattern="yyyy-MM-dd" />发布</p>
                                </a>
                            </li>
                        </c:forEach>
                    </ul>
                </div>
            </div>
            <div class="col-md-12 clearfix text-center">
                <div class="laf-footer">
                    <p>成都校区：四川省成都市郫都区团结镇学院街65号 邮编：611745</p>
                    <p>眉山校区：眉山市眉州大道岷东段9号 邮编：620000</p>
                    <p>联系电话    招办：(028)87953080 校办:(028)87953896 人事处：(028)87953900 后勤处：(028)87953092</p>
                    <p>Email：yb@stbu.edu.cn</p>
                    <p> 四川工商学院信息网络中心 蜀ICP备05001554号</p>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>